<template>
  <div>
    <div class="xinxi">
      <p>单价</p>
      <input v-model="form.price" type="text" placeholder="价格" @input="handleChange()" />
    </div>
    <div class="xinxi shuliang">
      <p>数量</p>
      <input v-model="form.minNum" type="text" placeholder="最小数量" @input="handleChange()" />
      <input v-model="form.maxNum" type="text" placeholder="最大数量" class="max" @input="handleChange()" />
    </div>
    <div class="xinxi">
      <p>备注</p>
      <input v-model="form.note" type="text" placeholder="备注" @input="handleChange()" />
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      form: {
        price: '',
        minNum: '',
        maxNum: '',
        note: ''
      }
    }
  },
  beforeMount () {
    this.$emit('change', this.form)
  },
  methods: {
    handleChange () {
      this.$emit('change', this.form)
    }
  }
}
</script>
